<template>
  <el-scrollbar class="el-scrollbar-curstom">
    <div class="content">
      <slot></slot>
    </div>
  </el-scrollbar>
</template>

<script type="text/ecmascript-6">

export default {
  name: 'ElScrollbarCurstom',
  components: {},
  props: {},
  data() {
    return {};
  },
  methods: {},
  computed: {},
  mounted() {
  },
  destroyed() {
  }
};
</script>
<style lang="less">
  .el-scrollbar-curstom {
    height: 100%;
    .content {
      width: 100%;
      overflow: hidden;
    }
    .el-scrollbar__wrap {
      overflow-x: hidden;
      box-sizing: border-box;
    }
    .el-scrollbar__thumb {
      background-color: #8ac0e8;
      &:hover {
        background-color: #01b0ff;
      }
    }
  }
</style>
